<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<title>jQuery Mobile Twitter Bootstrap Theme</title>
		<link rel="stylesheet" href="styles/jquery-mobile.css">
  		<script  src="scripts/libs/jquery.js"></script>
  		<script  src="scripts/libs/jquery.mobile-1.3.2.js"></script>
	</head>
	<body>
		<div data-role="page" data-theme="b">
			<div data-role="header" data-position="inline" data-theme="b">
				<h1>App do Aluno</h1>
			</div>
			<div data-role="content" data-theme="b">

				<form id="loginForm" action="principal.html">
				  <div data-role="fieldcontain" class="ui-hide-label">
				   <label for="username">Usuario:</label>
				   <input type="text" name="username" id="username" value="" placeholder="Usuario" />
				  </div>
				  <div data-role="fieldcontain" class="ui-hide-label">
				   <label for="password">Senha:</label>
				   <input type="password" name="password" id="password" value="" placeholder="Senha" /></div>
				  <input type="submit" value="Entrar" id="submitButton">
				  </form>
				</div>

			</div>
		</div>
	</body>
</html>
